<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>盒子模型</title>
		<style>
			/* 初始化：去除标签自带样式 */
			* {
				margin: 0;
				padding: 0;
			}
			li {
				list-style: none;
			}
			.box {
				width: 700px;
				height: 400px;
				/* background-color: pink; */
				margin: 100px;
				line-height: 40px;
			}
			.box li {
				border-bottom: 1px dashed #ccc;
			}
			.box li a {
				color: #666;
				text-decoration: none;
			}
			.box li a:hover {
				color: red;
			}
		</style>
	</head>
	<body>
		<ul class="box">
			<li><a href="#">· 北京、广州、杭州等多地发布学位预警，今年或将成“最难入学年”</a></li>
			<li><a href="#">· 这个“奥库斯”，要开多少“恶劣先例”</a></li>
			<li><a href="#">· 盘点！美国操纵网络霸权的四大罪状</a></li>
			<li><a href="#">· 周鸿祎：微信已经从精神上把运营商干掉了</a></li>
			<li><a href="#">· 独家对话马化腾：微信是社交应用与电信业务无关</a></li>
			<li><a href="#">· 凡客获得“鸟叔”授权 首批“鸟叔”服装5月上市</a></li>
			<li><a href="#">· 老外街头救晕倒中国小伙 奇怪他人只拍照不施救</a></li>
		</ul>
	</body>
</html>